<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<title>房间概览</title>
		<link href="bootstrapusers/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
		<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
		<script src="bootstrapusers/js/jquery-1.11.0.min.js"></script>
		<!-- Custom Theme files -->
		<link href="bootstrapusers/css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Custom Theme files -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="" />
		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!--Google Fonts-->
		<link href='http://fonts.googleapis.com/css?family=Hind:400,300' rel='stylesheet' type='text/css'>
		<link href='http://fonts.googleapis.com/css?family=Aladin' rel='stylesheet' type='text/css'>
		<!--google fonts-->
		<!-- animated-css -->
		<link href="bootstrapusers/css/animate.css" rel="stylesheet" type="text/css" media="all">
		<link href="bootstrapusers/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrapusers/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
        <!-- Custom styles for this template -->
        <link href="bootstrapusers/css/style2.css" rel="stylesheet">
        <link href="bootstrapusers/fonts/antonio-exotic/stylesheet.css" rel="stylesheet">
        <link rel="stylesheet" href="bootstrapusers/css/lightbox.min.css">
        <link href="bootstrapusers/css/responsive.css" rel="stylesheet">
        <script src="bootstrapusers/js/jquery.min.js" type="text/javascript"></script>
       <!-- <script src="js/bootstrap.min.js" type="text/javascript"></script>-->
        <script src="bootstrapusers/js/lightbox-plus-jquery.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/instafeed.min.js" type="text/javascript"></script>
        <script src="bootstrapusers/js/custom.js" type="text/javascript"></script>
		<script src="bootstrapusers/js/wow.min.js"></script>
		<script>
			new WOW().init();
		</script>
		<!-- animated-css -->
		<script src="bootstrapusers/js/bootstrap.min.js"></script>
	</head>

	<body>
		<!--header-top start here-->
		<%@ include file="header.jsp" %>
		<!--header end here-->
		<!--room start here-->
		<div class="rooms">
			<div class="container">
				<div class="rooms-main">
					<div class="room-head">
						<h3>房间概览</h3>
					</div>
					<div class="rooms-top">
						<div class="rooms-left wow slideInLeft" data-wow-delay="0.3s">
							<div class="col-md-4 rooms-text">
								<h2><a href="perspiciatis">多人豪华套房</a></h2>
								<p>豪华套房宽敞明亮，呈现出时尚高雅气息。 客房色调自然柔和，环境优雅宁静，可谓商务休闲两相宜。 行政人员办公桌和免费互联网连接等设施一应俱全。抬头望去，拱形天花板映入眼帘；透过观景窗，美丽景致尽收眼底。 从旧翼大楼的三面放眼望去，窗外的繁华街景呈现眼前。</p>
								<div class="room-btn">
									<a href="perspiciatis" class="hvr-push">了解更多→</a>
								</div>
							</div>
							<div class="col-md-8 rooms-img">
								<div class="luxury-block">
									<a href="perspiciatis"> <img src="bootstrapusers/images/r1.jpg" alt="" class="img-responsive"></a>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
						<div class="rooms-left1 wow slideInRight" data-wow-delay="0.3s">
							<div class="col-md-8 rooms-img ulta-img">
								<a href="single.jsp"> <img src="bootstrapusers/images/r2.jpg" alt="" class="img-responsive"></a>
							</div>
							<div class="col-md-4 rooms-text ulta-text">
								<h3><a href="accusamus">单人尊贵套房</a></h3>
								<p>尊贵套房陈设现代时尚，而装饰细节又能令人联想到昔日豪华游艇旅行。 高雅别致的家具配以奶白色的皮质软包和行李箱拉手，复古旅行箱呈现眼前。 自然光照充沛，九龙闹市繁华景象透过观景窗延伸至室内；夜晚时分，繁华的九龙市区交织辉映，热闹非凡。</p>
								<div class="room-btn">
									<a href="accusamus" class="hvr-push">了解更多→</a>
								</div>
							</div>
							<div class="clearfix"> </div>
						</div>
					</div>
					<div class="clearfix"> </div>
				</div>
			</div>
		</div>
		<!--gallery start here-->
		<div class="gallery" id="gallery">
			<div class="container">
				<div class="gallery-main wow zoomIn" data-wow-delay="0.3s">
					<div class="gallery-top">
						<h1>房间不够？</h1>
					</div>
					<div class="gallery-bott">
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/q1.png" rel="title" class="b-link-stripe b-animate-go  thickbox">

								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/q1.png" alt="">
									<figcaption>
										<h4 class="gal">豪华套房</h4>
										<p class="gal1">高雅别致、光线明亮，名贵的木料熠熠夺目，散发高雅别致的气息。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/q2.png" rel="title" class="b-link-stripe b-animate-go  thickbox">
								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/q2.png" alt="">
									<figcaption>
										<h4 class="gal">海景套房</h4>
										<p class="gal1">由窗外迷人的维多利亚港湾及沿岸城市美景而知名。当代装饰、中性色调以及窗外迷人景色令房间空间感无限放大。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/q3.png" rel="title" class="b-link-stripe b-animate-go  thickbox">
								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/q3.png" alt="">
									<figcaption>
										<h4 class="gal">尊贵套房</h4>
										<p class="gal1">内饰主题风格独特，沐浴在自然光线之中。木制家具和灯具，璀璨夺目的水晶吊灯更添风采。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/1.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/1.jpg" alt="">
									<figcaption>
										<h4 class="gal">豪华套房</h4>
										<p class="gal1">高雅别致、光线明亮，名贵的木料熠熠夺目，散发高雅别致的气息。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/2.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/2.jpg" alt="">
									<figcaption>
										<h4 class="gal">海景套房</h4>
										<p class="gal1">由窗外迷人的维多利亚港湾及沿岸城市美景而知名。当代装饰、中性色调以及窗外迷人景色令房间空间感无限放大。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="col-md-4 col1 gallery-grid">
							<a href="bootstrapusers/images/3r8.jpg" rel="title" class="b-link-stripe b-animate-go  thickbox">
								<figure class="effect-bubba">
									<img class="img-responsive" src="bootstrapusers/images/3.jpg" alt="">
									<figcaption>
										<h4 class="gal">尊贵套房</h4>
										<p class="gal1">内饰主题风格独特，沐浴在自然光线之中。木制家具和灯具，璀璨夺目的水晶吊灯更添风采。</p>
									</figcaption>
								</figure>
							</a>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<!--gallery end here-->
		<script src="js/jquery.chocolat.js"></script>
		<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen" charset="utf-8">
		<!--light-box-files -->
		<script type="text/javascript" charset="utf-8">
			$(function() {
				$('.gallery-grid a').Chocolat();
			});
		</script>

		<!--room end here-->
		<!--footer start here-->
		<%@ include file="footer.jsp" %>
	</body>

</html>